<template>
  <!-- 新建客户基本信息页面-->
  <div class="cust-base-info">
    <el-form
      ref="custFormBaseInfoRef"
      :model="custFormBaseFormData"
      :label-position="labelPosition"
      label-width="120px"
    >
      <more-panel mode="1" title="身份证信息">
        <el-col :span="4" slot="fixed"
          ><div class="grid-content bg-purple">
            <div class="demo-image__placeholder">
              <div class="block">
                <el-image :src="src" class="img"></el-image>
              </div>
            </div></div
        ></el-col>
        <el-col :span="20" slot="fixed"
          ><div class="grid-content bg-purple">
            <div>
              <h3 class="u-title">
                重点用例客户测试
              </h3>
              <el-row :gutter="10">
                <el-col
                  :span="8"
                  v-for="(item, index) in dataArr[0]"
                  :key="index"
                >
                  <el-col :span="12" class="u-name">{{ item.name }}:</el-col>
                  <el-col :span="12" class="u-value">
                    <span v-if="item.flag == '1' ? true : false" class="u-btn">
                      <template>
                        <dic-customer-select
                          :value="custFormBaseFormData.industryCd"
                          title="行业类型"
                          ref="industryCdRef"
                          size="50%"
                          @inLoadAjax="industryCdAjax"
                        >
                          <div class="m-tree-box">
                            <el-tree
                              ref="tree"
                              :data="treeData"
                              :props="defaultProps"
                              :highlight-current="true"
                              :default-expanded-keys="defaultShowNodes"
                              @node-click="handleTree"
                            >
                            </el-tree>
                          </div>
                        </dic-customer-select>
                      </template>
                    </span>
                    <span v-else> {{ item.value }}</span>
                  </el-col>
                </el-col>
              </el-row>
            </div>
          </div>
        </el-col>
        <el-col :span="4"><h2 style="visibility: hidden;">我是占位</h2></el-col>
        <el-col :span="20">
          <el-col :span="8" v-for="(item, index) in dataArr[1]" :key="index">
            <el-col :span="12" class="u-name">{{ item.name }}:</el-col>
            <el-col :span="12" class="u-value">{{ item.value }}</el-col>
          </el-col>
        </el-col>
      </more-panel>
      <div class="m-contain">
        <dic-row class="form-block">
          <dic-col class="ne-title" :span="24">
            <p class="base-title">客户基本信息</p>
            <div>
              <el-row :gutter="3">
                <el-col :span="6">
                  <el-form-item
                    label="营销责任地"
                    prop="commonRegionId"
                    required
                  >
                    <el-input
                      placeholder="请输入内容"
                      v-model="custFormBaseFormData.industryTypeCode"
                      class="input-with-select"
                    >
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="6">
                  <el-form-item
                    label="客户经理"
                    class="u-ipt"
                    prop="customerManager"
                    required
                  >
                    <dic-customer-select
                      :value="custFormBaseFormData.customerManager"
                      title="客户经理"
                      :withHeader="false"
                      ref="customerManagerRef"
                      size="70%"
                      lock-scroll
                      @inLoadAjax="customerManagerAjax"
                    >
                      <div class="m-title">
                        <span class="icon"></span> 员工列表
                      </div>
                      <el-form
                        ref="employeesListFormDataRef"
                        :model="employeesListFormData"
                        label-position="left"
                        label-width="80px"
                      >
                        <el-row :gutter="10">
                          <el-col :span="6">
                            <div class="grid-content bg-purple">
                              <el-form-item label="员工编码" class="u-ipt">
                                <el-input
                                  placeholder=""
                                  v-model="employeesListFormData.custCode"
                                  class="input-with-select"
                                >
                                </el-input>
                              </el-form-item>
                            </div>
                          </el-col>
                          <el-col :span="6">
                            <div class="grid-content bg-purple">
                              <el-form-item label="员工名称" class="u-ipt">
                                <el-input
                                  placeholder="请输入内容"
                                  v-model="employeesListFormData.custName"
                                  class="input-with-select"
                                >
                                </el-input>
                              </el-form-item>
                            </div>
                          </el-col>
                          <el-col :span="6">
                            <div class="grid-content bg-purple">
                              <el-form-item label="员工名称" class="u-ipt">
                                <el-input
                                  placeholder="请输入内容"
                                  v-model="employeesListFormData.orgName"
                                  class="input-with-select"
                                >
                                </el-input>
                              </el-form-item>
                            </div>
                          </el-col>
                          <el-col :span="4">
                            <el-button
                              type="primary"
                              size="small"
                              @click="employeesListQuery"
                              >查询</el-button
                            >
                            <el-button
                              type="primary"
                              size="small"
                              @click="chooseHandel"
                              >选择</el-button
                            >
                          </el-col>
                        </el-row>
                      </el-form>
                      <el-table
                        ref="employeesListTableRef"
                        :data="employeesListTableData"
                        border
                        :header-cell-style="{
                          background: '#F2F2F2',
                          color: '#333',
                        }"
                        tooltip-effect="dark"
                        style="width: 100%"
                        @selection-change="handleSelectionChange"
                      >
                        <el-table-column type="selection" width="55">
                        </el-table-column>
                        <el-table-column
                          label="员工编码"
                          width="120"
                          prop="employeesCode"
                        >
                        </el-table-column>
                        <el-table-column
                          prop="employeesName"
                          label="员工名称"
                          width="120"
                        >
                        </el-table-column>
                        <el-table-column
                          prop="orgName"
                          label="组织名称"
                          show-overflow-tooltip
                        >
                        </el-table-column>
                        <el-table-column
                          prop="departmentName"
                          label="部门名称"
                          show-overflow-tooltip
                        >
                        </el-table-column>
                        <el-table-column
                          prop="mobilePhone"
                          label="移动电话"
                          show-overflow-tooltip
                        >
                        </el-table-column>
                      </el-table>
                      <el-pagination
                        background
                        @size-change="employeesListTablePageHandleSizeChange"
                        @current-change="
                          employeesListTablePageHandleCurrentChange
                        "
                        :current-page="employeesListTablePage.pageIndex"
                        :page-sizes="[1, 2, 3, 4]"
                        :page-size="employeesListTablePage.pageSize"
                        layout="total, sizes, prev, pager, next, jumper"
                        :total="employeesListTablePage.pageCount"
                        class="m-pagination"
                      >
                      </el-pagination>
                      <div class="m-title">
                        <span class="icon"></span> 已选择列表
                      </div>
                      <el-table
                        class="table-box"
                        ref="employeesSelectedListTableRef"
                        :data="employeesSelectedListTableData"
                        border
                        :header-cell-style="{
                          background: '#F2F2F2',
                          color: '#333',
                        }"
                        tooltip-effect="dark"
                        style="width: 100%"
                        @selection-change="
                          employeesSelectedListHandleSelectionChange
                        "
                      >
                        <el-table-column type="selection" width="55">
                        </el-table-column>
                        <el-table-column
                          label="员工编码"
                          width="120"
                          prop="employeesCode"
                        >
                        </el-table-column>
                        <el-table-column
                          prop="employeesName"
                          label="员工名称"
                          width="120"
                        >
                        </el-table-column>
                        <el-table-column
                          prop="orgName"
                          label="组织名称"
                          show-overflow-tooltip
                        >
                        </el-table-column>
                        <el-table-column
                          prop="departmentName"
                          label="部门名称"
                          show-overflow-tooltip
                        >
                        </el-table-column>
                        <el-table-column
                          prop="mobilePhone"
                          label="移动电话"
                          show-overflow-tooltip
                        >
                        </el-table-column>
                      </el-table>
                    </dic-customer-select>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item
                    label="客户地址"
                    class="u-ipt"
                    prop="custAddress"
                  >
                    <el-col :span="6">
                      <el-select
                        v-model="custFormBaseFormData.controlType"
                        @change="custTypeHandel"
                        class="m-select"
                      >
                        <el-option
                          v-for="item in custTypeArr"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        >
                        </el-option>
                      </el-select>
                    </el-col>
                    <el-col :span="6">
                      <el-select
                        v-model="custFormBaseFormData.controlType"
                        @change="custTypeHandel"
                        class="m-select"
                      >
                        <el-option
                          v-for="item in custTypeArr"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        >
                        </el-option>
                      </el-select>
                    </el-col>
                    <el-col :span="6">
                      <el-select
                        v-model="custFormBaseFormData.controlType"
                        @change="custTypeHandel"
                        class="m-select"
                      >
                        <el-option
                          v-for="item in custTypeArr"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        >
                        </el-option>
                      </el-select>
                    </el-col>
                    <el-col :span="6">
                      <el-select
                        v-model="custFormBaseFormData.controlType"
                        @change="custTypeHandel"
                        class="m-select"
                      >
                        <el-option
                          v-for="item in custTypeArr"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        >
                        </el-option>
                      </el-select>
                    </el-col>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item
                    label="详细地址"
                    class="u-ipt"
                    prop="detailAddress"
                  >
                    <el-input
                      placeholder="请输入内容"
                      v-model="custFormBaseFormData.detailAddress"
                      class="input-with-select"
                    >
                    </el-input>
                  </el-form-item>
                </el-col>
              </el-row>
            </div>
          </dic-col>
        </dic-row>

        <el-row :gutter="3" class="m-contain">
          <more-panel mode="1" title="客户联系人信息">
            <el-button style="float: right;" slot="more-button" type="primary"
              >添加更多</el-button
            >
            <el-col :span="6" slot="fixed">
              <el-form-item
                label="联系人名称"
                class="u-ipt"
                prop="contactName"
                required
              >
                <el-input
                  placeholder="请输入内容"
                  v-model="custFormBaseFormData.contactName"
                  class="input-with-select"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6" slot="fixed">
              <el-form-item
                label="移动电话"
                class="u-ipt"
                prop="mobilePhone"
                required
              >
                <el-input
                  placeholder="请输入内容"
                  v-model="custFormBaseFormData.mobilePhone"
                  class="input-with-select"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6" slot="fixed">
              <el-form-item label="办公电话" class="u-ipt" prop="officePhone">
                <el-input
                  placeholder="请输入内容"
                  v-model="custFormBaseFormData.officePhone"
                  class="input-with-select"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6" slot="fixed">
              <el-form-item label="证件类型" class="u-ipt" prop="detailAddress">
                <el-select
                  v-model="custFormBaseFormData.idType"
                  placeholder="请选择"
                  class="m-select"
                >
                  <el-option
                    v-for="item in idTypeArr"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="证件号码" class="u-ipt" prop="idNumber">
                <el-input
                  placeholder="请输入内容"
                  v-model="custFormBaseFormData.idNumber"
                  class="input-with-select"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="Email" class="u-ipt" prop="idNumber">
                <el-input
                  placeholder="请输入内容"
                  v-model="custFormBaseFormData.Email"
                  class="input-with-select"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item
                label="通信地址"
                class="u-ipt"
                prop="communicationAddress"
              >
                <el-input
                  placeholder="请输入内容"
                  v-model="custFormBaseFormData.Email"
                  class="input-with-select"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item
                label="通信邮编"
                class="u-ipt"
                prop="communicationZipCode"
              >
                <el-input
                  placeholder="请输入内容"
                  v-model="custFormBaseFormData.communicationZipCode"
                  class="input-with-select"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="传真" class="u-ipt" prop="communicationFix">
                <el-input
                  placeholder="请输入内容"
                  v-model="custFormBaseFormData.communicationFix"
                  class="input-with-select"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item
                label="是否首选联系人"
                class="u-ipt"
                prop="communicationFix"
              >
                <el-select
                  v-model="custFormBaseFormData.preferredContactValue"
                  placeholder="请选择"
                  class="m-select"
                >
                  <el-option
                    v-for="item in preferredContactArr"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
          </more-panel>
        </el-row>
        <el-row :gutter="3" class=" m-contain">
          <el-row gutter="3">
            <more-panel mode="1" title="纳税人信息">
              <el-col :span="6" slot="fixed">
                <el-form-item
                  label="是否是一般纳税人"
                  class="u-ipt"
                  prop="generalTaxpayer"
                  required
                >
                  <el-select
                    v-model="custFormBaseFormData.generalTaxpayer"
                    placeholder="请选择"
                    class="m-select"
                  >
                    <el-option
                      v-for="item in generalTaxpayerArr"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="6" slot="fixed">
                <el-form-item
                  label="纳税客户名称"
                  class="u-ipt"
                  prop="generalTaxpayer"
                  required
                >
                  <el-input
                    placeholder="请输入内容"
                    readonly
                    v-model="custFormBaseFormData.taxpayerName"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6" slot="fixed">
                <el-form-item
                  label="税务登记号"
                  class="u-ipt"
                  prop="registrationNumber"
                >
                  <el-input
                    placeholder="请输入内容"
                    v-model="custFormBaseFormData.registrationNumber"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6" slot="fixed">
                <el-form-item
                  label="税务登记号所属省份"
                  class="u-ipt"
                  prop="generalTaxpayer"
                  required
                >
                  <el-select
                    v-model="custFormBaseFormData.provincesTax"
                    placeholder="请选择"
                    class="m-select"
                  >
                    <el-option
                      v-for="item in provincesTaxArr"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item
                  label="税务登记联系电话"
                  class="u-ipt"
                  prop="registrationContactNumber"
                >
                  <el-input
                    placeholder="请输入内容"
                    v-model="custFormBaseFormData.registrationContactNumber"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item
                  label="税务开户银行名称"
                  class="u-ipt"
                  prop="taxBankName"
                >
                  <el-input
                    placeholder="请输入内容"
                    v-model="custFormBaseFormData.taxBankName"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item
                  label="税务开户银行帐号"
                  class="u-ipt"
                  prop="taxBankAccount"
                >
                  <el-input
                    placeholder="请输入内容"
                    v-model="custFormBaseFormData.taxBankAccount"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item
                  label="是否开增值税发票"
                  class="u-ipt"
                  prop="whetherValueAddedInvoice"
                >
                  <el-select
                    v-model="custFormBaseFormData.whetherValueAddedInvoiceArr"
                    placeholder="请选择"
                    class="m-select"
                  >
                    <el-option
                      v-for="item in generalTaxpayerArr"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item
                  label="税务登记地址"
                  class="u-ipt"
                  prop="taxRegisteredAddress"
                >
                  <el-input
                    placeholder="请输入内容"
                    v-model="custFormBaseFormData.taxRegisteredAddress"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item
                  label="提交税务审核日期"
                  class="u-ipt"
                  prop="whetherValueAddedInvoice"
                >
                  <el-date-picker
                    v-model="custFormBaseFormData.submissionTaxAuditData"
                    type="date"
                    placeholder="选择日期"
                  >
                  </el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item
                  label="审核状态"
                  class="u-ipt"
                  prop="reviewStatus"
                >
                  <el-select
                    v-model="custFormBaseFormData.reviewStatus"
                    placeholder="请选择"
                    class="m-select"
                  >
                    <el-option
                      v-for="item in reviewStatusArr"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item
                  label="税务审核通过日期"
                  class="u-ipt"
                  prop="taxApprovalDate"
                >
                  <el-date-picker
                    v-model="custFormBaseFormData.taxApprovalDate"
                    type="date"
                    placeholder="选择日期"
                  >
                  </el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item
                  label="通知短信手机号"
                  class="u-ipt"
                  prop="phoneNumberNotification"
                >
                  <el-input
                    placeholder="请输入内容"
                    v-model="custFormBaseFormData.phoneNumberNotification"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item
                  label="通知邮箱号"
                  class="u-ipt"
                  prop="notificationEmailNbr"
                >
                  <el-input
                    placeholder="请输入内容"
                    v-model="custFormBaseFormData.notificationEmailNbr"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="取票方式" class="u-ipt" prop="ticketsWay">
                  <el-select
                    v-model="custFormBaseFormData.ticketsWay"
                    placeholder="请选择"
                    class="m-select"
                  >
                    <el-option
                      v-for="item in ticketsWayArr"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="取票方式" class="u-ipt" prop="ticketsWay">
                  <el-input
                    placeholder="请输入内容"
                    v-model="custFormBaseFormData.ticketsWay"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="邮寄地址" class="u-ipt" prop="ticketsWay">
                  <el-input
                    placeholder="请输入内容"
                    v-model="custFormBaseFormData.mailAddress"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="邮编" class="u-ipt" prop="ticketsWay">
                  <el-input
                    placeholder="请输入内容"
                    v-model="custFormBaseFormData.zipCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="开票点" class="u-ipt" prop="ticketsWay">
                  <el-input
                    placeholder="请输入内容"
                    v-model="custFormBaseFormData.makeOutInvoicePlace"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
            </more-panel>
          </el-row>
        </el-row>
        <!-- 其他补充信息 -->
        <el-row gutter="3" class=" m-contain">
          <more-panel mode="1" title="其他补充信息">
            <el-col :span="6">
              <el-form-item
                label="客户性质"
                class="u-ipt"
                prop="generalTaxpayer"
              >
                <el-select
                  v-model="custFormBaseFormData.custPropertyValue"
                  placeholder="请选择"
                  class="m-select"
                >
                  <el-option
                    v-for="item in custPropertyArr"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item
                label="售后服务等级"
                class="u-ipt"
                prop="afterSalesServiceLevel"
              >
                <el-select
                  v-model="custFormBaseFormData.afterSalesServiceLevel"
                  placeholder="请选择"
                  class="m-select"
                >
                  <el-option
                    v-for="item in afterSalesServiceLevelArr"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item
                label=" 客户服务等级"
                class="u-ipt"
                prop="custSalesServiceLevel"
              >
                <el-select
                  v-model="custFormBaseFormData.custSalesServiceLevel"
                  placeholder="请选择"
                  class="m-select"
                >
                  <el-option
                    v-for="item in custSalesServiceLevelArr"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item
                label="省行业经理"
                class="u-ipt"
                prop="proIndustryManagerValue"
              >
                <dic-customer-select
                  :value="custFormBaseFormData.proIndustryManagerValue"
                  title="省行业经理"
                  :withHeader="false"
                  ref="proIndustryManagerValueRef"
                  size="70%"
                  @inLoadAjax="proIndustryManagerAjax"
                >
                  <el-form
                    ref="proIndustryManagerFormRef"
                    :model="proIndustryManagerFormData"
                    :label-position="labelPosition"
                    label-width="80px"
                  >
                    <el-row :gutter="10">
                      <el-col :span="5">
                        <el-form-item
                          label="员工编码"
                          class="u-ipt"
                          prop="custCode"
                        >
                          <el-input
                            placeholder=""
                            v-model="proIndustryManagerFormData.custCode"
                            class="input-with-select"
                          >
                          </el-input>
                        </el-form-item>
                      </el-col>
                      <el-col :span="5">
                        <el-form-item
                          label="员工姓名"
                          class="u-ipt"
                          prop="custName"
                        >
                          <el-input
                            placeholder=""
                            v-model="proIndustryManagerFormData.custName"
                            class="input-with-select"
                          >
                          </el-input>
                        </el-form-item>
                      </el-col>
                      <el-col :span="5">
                        <el-form-item
                          label="组织名称"
                          class="u-ipt"
                          prop="orgName"
                        >
                          <el-input
                            placeholder=""
                            v-model="proIndustryManagerFormData.orgName"
                            class="input-with-select"
                          >
                          </el-input>
                        </el-form-item>
                      </el-col>
                      <el-col :span="5">
                        <el-form-item
                          label="手机号码"
                          class="u-ipt"
                          prop="mobileNumber"
                        >
                          <el-input
                            placeholder=""
                            v-model="proIndustryManagerFormData.mobileNumber"
                            class="input-with-select"
                          >
                          </el-input>
                        </el-form-item>
                      </el-col>
                      <el-col :span="4">
                        <el-button
                          type="primary"
                          size="small"
                          @click="proIndustryManagerQuery"
                          >查询</el-button
                        >
                      </el-col>
                    </el-row>
                    <el-table
                      :data="proIndustryManagerTable"
                      ref="localNetworkManageRef"
                      border
                      :header-cell-style="{
                        background: '#F2F2F2',
                        color: '#333',
                      }"
                      @row-click="proIndustryManagerDialogRow"
                      class="proIndustryManager-table"
                    >
                      <el-table-column property="custCode" label="员工编码">
                      </el-table-column>
                      <el-table-column property="custName" label="员工名称">
                      </el-table-column>
                      <el-table-column
                        property="organizationName"
                        label="组织名称"
                      >
                      </el-table-column>
                      <el-table-column
                        property="departmentName"
                        label="部门名称"
                      >
                      </el-table-column>
                      <el-table-column property="telNumber" label="移动电话">
                      </el-table-column>
                    </el-table>
                    <el-pagination
                      background
                      @size-change="handleSizeChange"
                      @current-change="handleCurrentChange"
                      :current-page="proIndustryManagerPage.pageIndex"
                      :page-sizes="[1, 2, 3, 4]"
                      :page-size="proIndustryManagerPage.pageSize"
                      layout="total, sizes, prev, pager, next, jumper"
                      :total="proIndustryManagerPage.pageCount"
                      class="m-pagination"
                    >
                    </el-pagination>
                  </el-form>
                </dic-customer-select>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item
                label="总部所在国家"
                class="u-ipt"
                prop="proIndustryManagerValue"
              >
                <el-select
                  v-model="custFormBaseFormData.headquarterCountry"
                  placeholder="请选择"
                  class="m-select"
                >
                  <el-option
                    v-for="item in headquarterCountryArr"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item
                label="企业员工数"
                class="u-ipt"
                prop="proIndustryManagerValue"
              >
                <el-input
                  placeholder="请输入内容"
                  v-model="custFormBaseFormData.employeesNumber"
                  class="input-with-select"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item
                label="本地行业经理"
                class="u-ipt"
                prop="proIndustryManagerValue"
              >
                <dic-customer-select
                  :value="custFormBaseFormData.localNetworkManagerValue"
                  title="本地行业经理"
                  :withHeader="false"
                  ref="localNetworkManagerRef"
                  size="70%"
                  @inLoadAjax="localNetworkManagerAjax"
                >
                  <el-form
                    ref="proIndustryManagerFormRef"
                    :model="localNetworkManagerFormData"
                    :label-position="localNetworkManagerFormLabelPosition"
                    label-width="80px"
                  >
                    <el-row :gutter="10">
                      <el-col :span="5">
                        <el-form-item
                          label="员工编码"
                          class="u-ipt"
                          prop="custCode"
                        >
                          <el-input
                            placeholder=""
                            v-model="localNetworkManagerFormData.custCode"
                            class="input-with-select"
                          >
                          </el-input>
                        </el-form-item>
                      </el-col>
                      <el-col :span="5">
                        <el-form-item
                          label="员工姓名"
                          class="u-ipt"
                          prop="custName"
                        >
                          <el-input
                            placeholder=""
                            v-model="localNetworkManagerFormData.custName"
                            class="input-with-select"
                          >
                          </el-input>
                        </el-form-item>
                      </el-col>
                      <el-col :span="5">
                        <el-form-item
                          label="组织名称"
                          class="u-ipt"
                          prop="orgName"
                        >
                          <el-input
                            placeholder=""
                            v-model="localNetworkManagerFormData.orgName"
                            class="input-with-select"
                          >
                          </el-input>
                        </el-form-item>
                      </el-col>
                      <el-col :span="5">
                        <el-form-item
                          label="手机号码"
                          class="u-ipt"
                          prop="mobileNumber"
                        >
                          <el-input
                            placeholder=""
                            v-model="localNetworkManagerFormData.mobileNumber"
                            class="input-with-select"
                          >
                          </el-input>
                        </el-form-item>
                      </el-col>
                      <el-col :span="4">
                        <el-button
                          type="primary"
                          size="small"
                          @click="localNetworkManagerQuery"
                          >查询</el-button
                        >
                      </el-col>
                    </el-row>
                    <el-table
                      :data="proIndustryManagerTable"
                      ref="localNetworkManageRef"
                      border
                      :header-cell-style="{
                        background: '#F2F2F2',
                        color: '#333',
                      }"
                      @row-click="localNetworkManagerDialogRow"
                      class="proIndustryManager-table"
                    >
                      <el-table-column property="custCode" label="员工编码">
                      </el-table-column>
                      <el-table-column property="custName" label="员工名称">
                      </el-table-column>
                      <el-table-column
                        property="organizationName"
                        label="组织名称"
                      >
                      </el-table-column>
                      <el-table-column
                        property="departmentName"
                        label="部门名称"
                      >
                      </el-table-column>
                      <el-table-column property="telNumber" label="移动电话">
                      </el-table-column>
                    </el-table>
                    <el-pagination
                      background
                      @size-change="handleSizeChange"
                      @current-change="handleCurrentChange"
                      :current-page="proIndustryManagerPage.pageIndex"
                      :page-sizes="[1, 2, 3, 4]"
                      :page-size="proIndustryManagerPage.pageSize"
                      layout="total, sizes, prev, pager, next, jumper"
                      :total="proIndustryManagerPage.pageCount"
                      class="m-pagination"
                    >
                    </el-pagination>
                  </el-form>
                </dic-customer-select>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item
                label="客户类别"
                class="u-ipt"
                prop="proIndustryManagerValue"
              >
                <el-select
                  v-model="custFormBaseFormData.headquarterCountry"
                  placeholder="请选择"
                  class="m-select"
                >
                  <el-option
                    v-for="item in headquarterCountryArr"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="经办人名称" class="u-ipt" prop="agentName">
                <el-input
                  placeholder="请输入内容"
                  v-model="custFormBaseFormData.agentName"
                  class="input-with-select"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item
                label="证件类型"
                class="u-ipt"
                prop="proIndustryManagerValue"
                required
              >
                <el-select
                  v-model="custFormBaseFormData.agentIdType"
                  placeholder="请选择"
                  class="m-select"
                >
                  <el-option
                    v-for="item in agentIdTypeArr"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item
                label="证件号码"
                class="u-ipt"
                prop="agentCardNumber"
                required
              >
                <el-input
                  placeholder="请输入内容"
                  v-model="custFormBaseFormData.agentCardNumber"
                  class="input-with-select"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item
                label="证件地址"
                class="u-ipt"
                prop="agentCardAddress"
                required
              >
                <el-input
                  placeholder="请输入内容"
                  v-model="custFormBaseFormData.agentCardAddress"
                  class="input-with-select"
                >
                </el-input>
              </el-form-item>
            </el-col>
          </more-panel>
        </el-row>
      </div>
      <div class="button-sx-f clearfix">
        <el-button type="primary" plain>提交</el-button>
        <el-button type="primary" plain>取消</el-button>
      </div>
    </el-form>
  </div>
</template>

<script>
import MorePanel from "@/components/public/MorePanel/index";
import DicCustomerSelect from "@/components/customer/form/DicCustomerSelect";

export default {
  name: "modifyBasicInfo",
  data() {
    return {
      src:
        "https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg",
      dataArr: [
        [
          {
            name: "统一社会信用代码",
            value: "111",
            flag: "0",
          },
          {
            name: "证件类型",
            value: "111",
            flag: "0",
          },
          {
            name: "证件号码",
            value: "25232152",
            flag: "0",
          },
          {
            name: "身份证类型",
            value: "222",
            flag: "0",
          },
          {
            name: "身份证编码",
            value: "222",
            flag: "0",
          },
          {
            name: "身份证有效期",
            value: "222",
            flag: "0",
          },
          {
            name: "客户简称",
            value: "222",
            flag: "0",
          },
          {
            name: "机构类型",
            value: "222",
            flag: "0",
          },
          {
            name: "行业类型",
            value: "222",
            flag: "1",
          },
        ],
        [
          {
            name: "登记管理部门名称",
            value: "111",
            flag: "0",
          },
          {
            name: "经济行业类型",
            value: "111",
            flag: "0",
          },
          {
            name: "经济类型",
            value: "25232152",
            flag: "0",
          },
          {
            name: "法定代表人姓名",
            value: "222",
            flag: "0",
          },
          {
            name: "注册资本",
            value: "222",
            flag: "0",
          },
          {
            name: "成立日期",
            value: "222",
            flag: "0",
          },
          {
            name: "发照日期",
            value: "222",
            flag: "0",
          },
          {
            name: "经营状态",
            value: "222",
            flag: "0",
          },
          {
            name: "发证机关",
            value: "222",
            flag: "0",
          },
          {
            name: "生产经营地址",
            value: "222",
            flag: "0",
          },
          {
            name: "注册地址",
            value: "222",
            flag: "0",
          },
          {
            name: "经营范围",
            value: "222",
            flag: "0",
          },
        ],
      ],
      defaultProps: {
        children: "children",
        label: "industryTypeName",
      },
      defaultShowNodes: [], // 这里存放要默认展开的节点 id
      activeName: "baseInfo",
      tabPosition: "left",
      //  客户类别
      custTypeArr: [
        {
          value: "",
          label: "请选择",
        },
        {
          value: "1",
          label: "本地",
        },
        {
          value: "2",
          label: "全球",
        },
        {
          value: "3",
          label: "全国",
        },
        {
          value: "4",
          label: "全省",
        },
      ],
      // 直管类型
      straightType: [
        {
          value: "",
          label: "请选择",
        },
        {
          value: "1",
          label: "未直管",
        },
        {
          value: "2",
          label: "已直管",
        },
      ],
      // 管控级别
      controlLevel: [
        {
          value: "",
          label: "请选择",
        },
        {
          value: "1",
          label: "非管控客户",
        },
        {
          value: "2",
          label: "区县管控",
        },
        {
          value: "3",
          label: "地市管控",
        },
        {
          value: "4",
          label: "省级管控",
        },
        {
          value: "5",
          label: "集团管控",
        },
      ],
      // 客户售后服务等级
      custAfterSalesServiceLevelArr: [
        {
          value: "",
          label: "请选择",
        },
        {
          value: "0",
          label: "普通",
        },
        {
          value: "1",
          label: "vip-sl3",
        },
        {
          value: "2",
          label: "vip-sl3",
        },
      ],
      // 总部所在国家
      headquarterCountryArr: [
        {
          value: "",
          label: "请选择",
        },
        {
          value: "0",
          label: "中国",
        },
        {
          value: "1",
          label: "美国",
        },
        {
          value: "2",
          label: "日本",
        },
      ],
      //   省行业经理
      proIndustryManagerArr: [
        {
          value: "",
          label: "请选择",
        },
        {
          value: "0",
          label: "中国",
        },
        {
          value: "1",
          label: "美国",
        },
        {
          value: "2",
          label: "日本",
        },
      ],
      //  证件类型arr
      idTypeArr: [
        {
          value: "",
          label: "请选择证件类型",
        },
        {
          value: "1",
          label: "居民身份证",
        },
        {
          value: "2",
          label: "军人身份证件",
        },
        {
          value: "3",
          label: "外国公民护照",
        },
      ],
      //是否是首选联系人数组
      preferredContactArr: [
        {
          value: "",
          label: "请选择",
        },
        {
          value: "1",
          label: "是",
        },
        {
          value: "2",
          label: "否",
        },
      ],
      // 是否是一般纳税人
      generalTaxpayerArr: [
        {
          value: "0",
          label: "否",
        },
        {
          value: "1",
          label: "是",
        },
      ],
      // 税务登记号所属省份
      provincesTaxArr: [
        {
          value: "",
          label: "请选择",
        },
        {
          value: "1",
          label: "北京",
        },
        {
          value: "2",
          label: "天津",
        },
      ],
      //是否开增值税发票
      whetherValueAddedInvoiceArr: [
        {
          value: "",
          label: "请选择",
        },
        {
          value: "0",
          label: "是",
        },
        {
          value: "1",
          label: "否",
        },
      ],
      // 审核状态
      reviewStatusArr: [
        { value: "", label: "请选择" },
        { value: "0", label: "已通过" },
        { value: "1", label: "未通过" },
      ],
      // 取票方式Arr
      ticketsWayArr: [
        { value: "", label: "请选择" },
        { value: "0", label: "邮寄" },
        { value: "1", label: "客户自取" },
        { value: "2", label: "上门送票" },
      ],
      //其他信息-客户性质
      custPropertyArr: [
        {
          value: "",
          label: "请选择",
        },
        {
          value: "1",
          label: "一级医院",
        },
      ],
      // 其他信息-售后服务等级
      afterSalesServiceLevelArr: [
        {
          value: "",
          label: "请选择",
        },
        {
          value: "0",
          label: "普通",
        },
        {
          value: "1",
          label: "VIP-sl1",
        },
        {
          value: "2",
          label: "VIP-sl2",
        },
        {
          value: "3",
          label: "VIP-sl3",
        },
      ],
      // 其他信息-客户服务等级
      custSalesServiceLevelArr: [
        {
          value: "",
          label: "请选择",
        },
        {
          value: "1",
          label: "A1",
        },
        {
          value: "2",
          label: "A2",
        },
        {
          value: "3",
          label: "A3",
        },
        {
          value: "4",
          label: "A4",
        },
        {
          value: "5",
          label: "A5",
        },
      ],
      // 经办人-证件类型agentIdTypeArr
      agentIdTypeArr: [
        {
          value: "",
          label: "请选择",
        },
        {
          value: "1",
          label: "居民身份证",
        },
        {
          value: "2",
          label: "军人身份证件",
        },
        {
          value: "3",
          label: "外国公民护照",
        },
        {
          value: "4",
          label: "港澳居民来往内地通行证",
        },
        {
          value: "5",
          label: "户口薄",
        },
        {
          value: "6",
          label: "武装武警身份证件",
        },
        {
          value: "7",
          label: "临时居民身份证",
        },
        {
          value: "8",
          label: "台湾居民来往内地通行证",
        },
        {
          value: "9",
          label: "外国人永久居留身份证",
        },
      ],
      custFormBaseFormData: {
        // 营销责任地code值
        industryTypeCode: "",
        //客户经理
        customerManager: "",
        // 客户地址
        custAddress: "",
        //详细地址
        detailAddress: "",
        // 联系人名称
        contactName: "",
        // 移动电话
        mobilePhone: "",
        // 办公电话
        officePhone: "",
        // 证件类型
        idType: "",
        // 联系人信息Email
        Email: "",
        // 通信地址
        communicationAddress: "",
        // 通信邮编
        communicationZipCode: "",
        // 传真
        communicationFix: "",
        // 是否是首选联系人value
        preferredContactValue: "",

        //纳税客户名称
        taxpayerName: "张三",
        //税务登记号
        registrationNumber: "",
        //税务登记号所属省份
        provincesTax: "",
        //税务登记联系电话
        registrationContactNumber: "",
        // 证件地址
        idAddress: "",
        // 税务开户行名称
        taxBankName: "",
        // 税务开户行账号
        taxBankAccount: "",
        //税务登记地址
        taxRegisteredAddress: "",
        //是否开增值税发票
        whetherValueAddedInvoice: "",
        // 提交税务审核日期
        submissionTaxAuditData: "",
        // 税务审核通过日期
        taxApprovalDate: "",
        // 通知短信手机号
        phoneNumberNotification: "",
        //通知邮箱号
        notificationEmailNbr: "",
        // 取票方式
        ticketsWay: "",
        //邮寄地址
        mailAddress: "",
        // 邮编
        zipCode: "",
        // 开票点
        makeOutInvoicePlace: "",
        // 客户性质选中值
        custPropertyValue: "",
        // 售后服务等级
        afterSalesServiceLevel: "",
        // 客户服务等级
        custSalesServiceLevel: "",
        // 省行业经理选中值
        proIndustryManagerValue: "111",
        //总部所在国家
        headquarterCountry: "",
        // 经办人名称
        agentName: "",
        // 经办人-证件类型
        agentIdType: "",
        // 证件号码
        agentCardNumber: "",
        // 证件地址
        agentCardAddress: "",
      },
      //   行业类型
      treeData: [
        {
          industryTypeName: "客户行业树",
          children: [
            {
              id: 1,
              industryTypeCode: "CT01",
              industryTypeName: "要客服务_1",
              parIndustryTypeId: -1,
              children: [
                {
                  industryTypeId: 16,
                  industryTypeCode: "CT0101",
                  industryTypeName: "军队武警",
                  parIndustryTypeId: 1,
                  children: [
                    {
                      industryTypeId: 64,
                      industryTypeCode: "CT010101",
                      industryTypeName: "军队",
                      parIndustryTypeId: 16,
                      children: [],
                    },
                    {
                      industryTypeId: 65,
                      industryTypeCode: "CT010102",
                      industryTypeName: "武警",
                      parIndustryTypeId: 16,
                      children: [],
                    },
                    {
                      industryTypeId: 66,
                      industryTypeCode: "CT010103",
                      industryTypeName: "其他涉军单位",
                      parIndustryTypeId: 16,
                      children: [],
                    },
                  ],
                },
              ],
            },
          ],
        },
        {
          industryTypeId: 2,
          industryTypeCode: "CT02",
          industryTypeName: "政法公安",
          parIndustryTypeId: -1,
          children: [
            {
              industryTypeId: 17,
              industryTypeCode: "CT0201",
              industryTypeName: "政法公安",
              parIndustryTypeId: 2,
              children: [
                {
                  industryTypeId: 67,
                  industryTypeCode: "CT020101",
                  industryTypeName: "公安",
                  parIndustryTypeId: 17,
                  children: [],
                },
                {
                  industryTypeId: 68,
                  industryTypeCode: "CT020102",
                  industryTypeName: "政法",
                  parIndustryTypeId: 17,
                  children: [],
                },
              ],
            },
          ],
        },
      ],
      labelPosition: "left",
      //  省市区
      value: [],
      options: [
        {
          value: "zhinan",
          label: "指南",
          children: [
            {
              value: "shejiyuanze",
              label: "设计原则",
              children: [
                {
                  value: "yizhi",
                  label: "一致",
                },
                {
                  value: "fankui",
                  label: "反馈",
                },
                {
                  value: "xiaolv",
                  label: "效率",
                },
                {
                  value: "kekong",
                  label: "可控",
                },
              ],
            },
            {
              value: "daohang",
              label: "导航",
              children: [
                {
                  value: "cexiangdaohang",
                  label: "侧向导航",
                },
                {
                  value: "dingbudaohang",
                  label: "顶部导航",
                },
              ],
            },
          ],
        },
        {
          value: "zujian",
          label: "组件",
          children: [
            {
              value: "basic",
              label: "Basic",
              children: [
                {
                  value: "layout",
                  label: "Layout 布局",
                },
                {
                  value: "color",
                  label: "Color 色彩",
                },
                {
                  value: "typography",
                  label: "Typography 字体",
                },
                {
                  value: "icon",
                  label: "Icon 图标",
                },
                {
                  value: "button",
                  label: "Button 按钮",
                },
              ],
            },
            {
              value: "form",
              label: "Form",
              children: [
                {
                  value: "radio",
                  label: "Radio 单选框",
                },
                {
                  value: "checkbox",
                  label: "Checkbox 多选框",
                },
                {
                  value: "input",
                  label: "Input 输入框",
                },
                {
                  value: "input-number",
                  label: "InputNumber 计数器",
                },
                {
                  value: "select",
                  label: "Select 选择器",
                },
                {
                  value: "cascader",
                  label: "Cascader 级联选择器",
                },
                {
                  value: "switch",
                  label: "Switch 开关",
                },
                {
                  value: "slider",
                  label: "Slider 滑块",
                },
                {
                  value: "time-picker",
                  label: "TimePicker 时间选择器",
                },
                {
                  value: "date-picker",
                  label: "DatePicker 日期选择器",
                },
                {
                  value: "datetime-picker",
                  label: "DateTimePicker 日期时间选择器",
                },
                {
                  value: "upload",
                  label: "Upload 上传",
                },
                {
                  value: "rate",
                  label: "Rate 评分",
                },
                {
                  value: "form",
                  label: "Form 表单",
                },
              ],
            },
            {
              value: "data",
              label: "Data",
              children: [
                {
                  value: "table",
                  label: "Table 表格",
                },
                {
                  value: "tag",
                  label: "Tag 标签",
                },
                {
                  value: "progress",
                  label: "Progress 进度条",
                },
                {
                  value: "tree",
                  label: "Tree 树形控件",
                },
                {
                  value: "pagination",
                  label: "Pagination 分页",
                },
                {
                  value: "badge",
                  label: "Badge 标记",
                },
              ],
            },
            {
              value: "notice",
              label: "Notice",
              children: [
                {
                  value: "alert",
                  label: "Alert 警告",
                },
                {
                  value: "loading",
                  label: "Loading 加载",
                },
                {
                  value: "message",
                  label: "Message 消息提示",
                },
                {
                  value: "message-box",
                  label: "MessageBox 弹框",
                },
                {
                  value: "notification",
                  label: "Notification 通知",
                },
              ],
            },
            {
              value: "navigation",
              label: "Navigation",
              children: [
                {
                  value: "menu",
                  label: "NavMenu 导航菜单",
                },
                {
                  value: "tabs",
                  label: "Tabs 标签页",
                },
                {
                  value: "breadcrumb",
                  label: "Breadcrumb 面包屑",
                },
                {
                  value: "dropdown",
                  label: "Dropdown 下拉菜单",
                },
                {
                  value: "steps",
                  label: "Steps 步骤条",
                },
              ],
            },
            {
              value: "others",
              label: "Others",
              children: [
                {
                  value: "dialog",
                  label: "Dialog 对话框",
                },
                {
                  value: "tooltip",
                  label: "Tooltip 文字提示",
                },
                {
                  value: "popover",
                  label: "Popover 弹出框",
                },
                {
                  value: "card",
                  label: "Card 卡片",
                },
                {
                  value: "carousel",
                  label: "Carousel 走马灯",
                },
                {
                  value: "collapse",
                  label: "Collapse 折叠面板",
                },
              ],
            },
          ],
        },
        {
          value: "ziyuan",
          label: "资源",
          children: [
            {
              value: "axure",
              label: "Axure Components",
            },
            {
              value: "sketch",
              label: "Sketch Templates",
            },
            {
              value: "jiaohu",
              label: "组件交互文档",
            },
          ],
        },
      ],

      // 客户经理-员工列表-表单双向数据绑定
      employeesListFormData: {
        custCode: "", //员工编码
        custName: "", //员工名称
        orgName: "", //组织名称
      },
      //客户经理-员工列表-表格数据-员工列表
      employeesListTableData: [
        {
          employeesCode: "2016-05-03", //员工编码
          employeesName: "王小虎", //员工名称
          orgName: "上海市普陀区金沙江路 1518 弄", //组织名称
          departmentName: "部门名称", //部门名称
          mobilePhone: "移动电话", //移动电话
        },
        {
          employeesCode: "2016-05-03", //员工编码
          employeesName: "王小虎", //员工名称
          orgName: "上海市普陀区金沙江路 1518 弄", //组织名称
          departmentName: "部门名称", //部门名称
          mobilePhone: "移动电话", //移动电话
        },
        {
          employeesCode: "2016-05-03", //员工编码
          employeesName: "王小虎", //员工名称
          orgName: "上海市普陀区金沙江路 1518 弄", //组织名称
          departmentName: "部门名称", //部门名称
          mobilePhone: "移动电话", //移动电话
        },
        {
          employeesCode: "2016-05-03", //员工编码
          employeesName: "王小虎", //员工名称
          orgName: "上海市普陀区金沙江路 1518 弄", //组织名称
          departmentName: "部门名称", //部门名称
          mobilePhone: "移动电话", //移动电话
        },
        {
          employeesCode: "2016-05-03", //员工编码
          employeesName: "王小虎", //员工名称
          orgName: "上海市普陀区金沙江路 1518 弄", //组织名称
          departmentName: "部门名称", //部门名称
          mobilePhone: "移动电话", //移动电话
        },
        {
          employeesCode: "2016-05-03", //员工编码
          employeesName: "王小虎", //员工名称
          orgName: "上海市普陀区金沙江路 1518 弄", //组织名称
          departmentName: "部门名称", //部门名称
          mobilePhone: "移动电话", //移动电话
        },
      ],
      //客户经理-员工列表-表格数据-员工列表-分页
      employeesListTablePage: {
        pageIndex: 1, //当前页码
        pageSize: 5, //每页多少条
        rowCount: 10, //总条数
        pageCount: 10, //总页数
      },
      // 客户经理已选员工列表
      employeesSelectedListTableData: [
        {
          employeesCode: "2016-05-03", //员工编码
          employeesName: "王小虎", //员工名称
          orgName: "上海市普陀区金沙江路 1518 弄", //组织名称
          departmentName: "部门名称", //部门名称
          mobilePhone: "移动电话", //移动电话
        },
        {
          employeesCode: "2016-05-03", //员工编码
          employeesName: "王小虎", //员工名称
          orgName: "上海市普陀区金沙江路 1518 弄", //组织名称
          departmentName: "部门名称", //部门名称
          mobilePhone: "移动电话", //移动电话
        },
      ],
      //企业员工数
      employeesNumber: "",
      // 省行业经理弹窗
      proIndustryManagerFormData: {
        // 员工编码
        custCode: "",
        // 员工姓名
        custName: "",
        // 组织名称
        orgName: "",
        // 手机号码
        mobileNumber: "",
      },
      // 省行业经理-表头
      proIndustryManagerTable: [
        {
          custCode: "员工编码",
          custName: "员工名称",
          organizationName: "组织名称",
          departmentName: "部门名称",
          telNumber: "手机号码",
        },
        {
          custCode: "员工编码",
          custName: "员工名称",
          organizationName: "组织名称",
          departmentName: "部门名称",
          telNumber: "手机号码",
        },
      ],
      // 省行业经理--分页
      proIndustryManagerPage: {
        pageIndex: 1,
        pageSize: 3,
        totalResult: 0,
      },
      //  本地行业经理label位置
      localNetworkManagerFormLabelPosition: "left",
      // 本地行业经理form
      localNetworkManagerFormData: {
        // 员工编码
        custCode: "",
        // 员工姓名
        custName: "",
        // 组织名称
        orgName: "",
        // 手机号码
        mobileNumber: "",
      },
      // 行业经理
      localNetworkManageTable: [
        {
          custCode: "员工编码",
          custName: "员工名称",
          organizationName: "组织名称",
          departmentName: "部门名称",
          telNumber: "手机号码",
        },
        {
          custCode: "员工编码",
          custName: "员工名称",
          organizationName: "组织名称",
          departmentName: "部门名称",
          telNumber: "手机号码",
        },
      ],
      // 客户经理表格分页
      querycustManagerIdDialog: {
        pageIndex: 1, //当前页码
        pageSize: 5, //每页多少条
        rowCount: 10, //总条数
        pageCount: 10, //总页数
      },
    };
  },
  components: {
    MorePanel,
    DicCustomerSelect,
  },
  created() {},
  mounted() {
    this.$nextTick(() => {
      // this.$refs.localNetworkManageRef.resetFields();
    });
  },
  methods: {
    //   行业类型弹窗
    handleTree(data) {
      
      // 
      this.custFormBaseFormData.industryCd = data.industryTypeName;
      // 获取行业类型的code
      this.custFormBaseFormData.industryTypeCode = data.industryTypeId;

      this.$refs.industryCdRef[0].drawer = false;
    },
    // 客户类别下拉框选择方法
    custTypeHandel() {
      
    },
    //
    handleChange(value) {
      
    },
    // 省行业经理弹窗数据交互
    proIndustryManagerAjax() {},

    // 行业类型
    industryCdAjax() {
      
    },
    // 行业经理
    localNetworkManageDialogRow(val) {
      
      
      this.custFormBaseFormData.localIndustryManagerValue = val.custName;
      // 
      this.$refs.localNetworkManagerRef.drawer = false;
    },
    // 本地行业经理
    handleSizeChange() {},
    handleCurrentChange() {},
    // 省行业经理-查询
    proIndustryManagerQuery() {
      
    },
    //省行业经理点击行
    proIndustryManagerDialogRow() {
      
    },
    // 客户经理ajax初始化
    customerManagerAjax() {},
    // 客户经理 -选择方法
    chooseHandel() {},
    // 客户经理-查询方法
    employeesListQuery() {},
    // 客户经理-员工列表-分页方法
    employeesListTablePageHandleSizeChange(val) {
      
    },
    // 客户经理-员工列表-当前页
    employeesListTablePageHandleCurrentChange(val) {
      
    },
    // 客户经理-员工列表-点击复选框触发的事件
    handleSelectionChange(val) {
      
    },
    // 客户经理-已选员工列表-点击复选框触发的事件
    employeesSelectedListHandleSelectionChange(val) {
      
    },

    // 本地行业经理
    // 本地行业经理ajax
    localNetworkManagerAjax() {},
    // 本地行业经理查询
    localNetworkManagerQuery() {
      
    },
    localNetworkManagerDialogRow(val) {
      this.custFormBaseFormData.proIndustryManagerValue = val.custName;
      this.$refs.proIndustryManagerValueRef.drawer = false;
    },
  },
};
</script>
<style lang="scss" scoped>
.button-sx-f {
  position: fixed;
  width: 100%;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 999;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.4);
  padding: 10px 0;
  box-shadow: 0px 10px 14px 10px rgba(0, 0, 0, 0.1);
}

.cust-base-info {
  background: #fff;
  padding: 10px 20px;
}

.form-block {
  margin-top: 0 !important;
}

.m-cascader {
  width: 100%;
}

.m-title {
  margin-bottom: 10px;
  color: #0052d9;
  font-size: 12px;
}

.m-box {
  background-color: rgba(221, 221, 221, 0.2);
  padding: 13px;
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
}

.m-title .icon {
  float: left;
  display: block;
  width: 4px;
  height: 12px;
  background: #f56f3c;
  margin-top: 0.12rem;
  margin-right: 0.1rem;
  font-size: 0.14rem;
}

.img {
  height: 200px;
}

.u-name {
  text-align: right;
  font-size: 13px;
  padding: 10px 0;
  color: #333;
  line-height: 0.4rem;
}

.u-value {
  text-align: left;
  font-size: 13px;
  padding: 10px 0;
  color: #333;
  line-height: 0.4rem;
}

.contain {
  background: #fff;
  color: #333;
}

.u-title {
  font-size: 16px;
  color: #333;
  margin-left: 30px;
  margin-bottom: 20px;
  color: #0052d9;
}

.m-contain {
  margin: 20px 0;
}

.base-title {
  line-height: 0.5rem;
  text-align: left;
  font-weight: bold;
}

.m-select {
  width: 100%;
}

.select {
  margin-right: 10px;
}
.table-box {
  margin-bottom: 0.2rem;
}
.el-dialog__body {
  margin-top: 0;
}
.m-tree-box {
  min-height: 4rem;
  overflow-y: auto;
}
.m-box {
  margin: 0.2rem 0;
}
</style>
